<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dexcalibur - Data Classifier</title>

    <!-- styles -->
    <!--## pages/inc/tpl_css.html ##-->




    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->
        <!--## pages/inc/menu.html ##-->

        <div id="page-wrapper">
            <!--<div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header" style="font-size:1em">Probe logs</h1>
                </div>
            </div>-->
            <div class="row" style="padding:10px;">
                <div class="col-lg-8" style="font-size:1.5em">Data classifier inspector</div>
                
                <div class="col-lg-4">
                    <button class="btn btn-danger probe-restart">
                        <i class="fa fa-refresh"></i>&nbsp;Relaunch
                    </button>&nbsp
                    <button class="btn btn-primary refresh">
                        <i class="fa fa-refresh"></i>&nbsp;Refresh
                    </button>
                </div>
            </div>

            <div class="row" style="padding:10px;">
                <div class="col-lg-10" id="classlist"></div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <table width="100%"  class="table table-striped table-bordered table-hover" id="dataTables-data">
                        <thead>
                            <tr>
                                <th id="finder-col0">-</th>
                                <th id="finder-col2">Type</th>
                                <th id="finder-col2">Location</th>
                                <th id="finder-col3">Tags</th>
                                <th id="finder-col4">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                        </tbody>
                    </table>
                    <!-- /.table-responsive -->
                </div>
                <!-- /.col-lg-12 -->
            </div>

           <!-- <div class="panel panel-primary">
               <div class="panel-heading">
                    <div class="row">
                        <div class="col-lg-10" style="font-size:1.5em">Probe logs</div>
                        <div class="col-lg-2">
                            <button class="btn btn-danger probe-restart">
                                <i class="fa fa-refresh"></i>&nbsp;Relaunch
                            </button>
                        </div>
                    </div>
                    
                </div>         

                    <table width="100%" class="table table-sm-4" id="tabProbeLogs">
                            <thead>
                                <tr>
                                    <th>Device</th>
                                    <th>Type</th>
                                    <th>Method</th>
                                    <th>Relevant arguments/subject</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                            </tbody>
                        </table>

                </div>-->
            
            <!--<div class="modal modal-default">
                <div class="modal-heading">
                    <div class="row">
                        <div class="col-lg-10" style="font-size:1.5em">Probe logs</div>
                        <div class="col-lg-2">
                            <button class="btn btn-danger probe-restart">
                                <i class="fa fa-refresh"></i>&nbsp;Relaunch
                            </button>
                        </div>
                    </div>
                    
                </div>                
                <div class="modal-body" id="probelogs" style="background-color:#fff;font-family: 'Courier New', Courier, monospace">
                    
                </div>
            </div> -->

        </div>
        <!-- /#page-wrapper -->
    </div>
    <!-- /#wrapper -->


    <!--## pages/inc/tpl_js_end.html ##-->

    <script>

    $(document).ready(function() {
        $(".refresh").click(function(e){
            $.ajax("/api/inspectors/DataClassifier", {
                method: "get",
                data: {
                    param1: "test"
                },
                status: {
                    200: function(data,err){
                        alert("Success");
                    }
                }
            })
        });
    });

    </script>

</body>

</html>
